@import "~@/assets/style/base/color.less";
.home {
  &-page {
    .van-search__content {
      box-shadow: 0px 2px 4px 0px rgba(9,52,51,0.19);
    }
    /deep/ .van-nav-bar__title {
      margin-left: 16px;
    }
  }
  &-entry-container {
    position: relative;
    .van-row {
      .van-col:nth-child(n+5) {
        margin-top: 0.66667rem;
      }
    }
  }
  &-entry-content {
    position: relative;
    z-index: 2;
    padding: 40px 0;
    margin: 16px 32px 64px 32px;
    background: #FFFFFF;
    border-radius: 16px;
  }
  &-entry-shadow {
    position: absolute;
    z-index: 1;
    left: 32px;
    right: 32px;
    bottom: -24px;
    height: 48px;
    border-radius: 50%;
    filter: blur(32px);
    background: rgba(0,0,0,0.05);
  }
  &-entry-item {
    font-size: 24px;
    img {
      width: 92px;
    }
    p {
      margin: 16px 0;
    }
  }
  &-main {
    &-container {
      padding: 0 32px;
      border-top: 16px solid #F6F6F6;
    }
    &-title {
      font-size: 32px;
      margin: 32px 0;
    }
  }
  &-population-item {
    padding: 24px 24px 0;
    margin-bottom: 24px;
    .population-img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 50%;
    }
    .total {
      margin-top: 3px;
      margin-bottom: 3px;
      font-style: oblique;
      font-size: 40px;
      font-weight: normal;
    }
    .total-text {
      font-size: 28px;
      font-weight: 400;
    }
    .line {
      margin-top: 8px;
      height: 2px;
      opacity: 0.3;
    }
    .tips {
      padding: 10px 8px;
    }
    .tips-text {
      font-size: 20px;
    }
    .tips-total {
      font-size: 24px;
    }
  }
  &-event-container {
    padding: 64px 0;
    .van-row {
      .van-col:nth-child(4) {
        .home-event-item {
          border-right: none;
        }
      }
    }
  }
  &-event-item {
    height: 48px;
    border-right: 2px solid rgba(0, 0, 0, 0.1);
    &__pos {
      position: relative;
      top: -24px;
    }
    .total {
      margin-bottom: 32px;
      font-size: 40px;
      line-height: 32px;
      font-style: oblique;
    }
    .total-text {
      font-size: 28px;
      font-weight: 400;
    }
  }
}
